
.basic-table {
     width: 100%;
     border-collapse: collapse;
     table-layout: fixed;
 }

.basic-table thead tr {
    background-color: rgba(51,51,51,0.06);
    text-align: left;
    color: #333;
    opacity: 0.6;
    font-weight: 100;
}
.basic-table-e thead tr {
    background-color: transparent;
}

.basic-table thead tr th {
    padding: 8px;
    font-size: 12px;
}

.basic-table tbody tr {
    height: 44px;
}
.basic-table tbody tr:nth-child(odd) {
    background: #fff;
}
.basic-table tbody tr td {
    padding: 8px;
    color: #333;
    font-size: 12px;
}

.basic-table-e tbody tr {
    background-color: #fff;
}
.basic-table-e tbody tr td:first-of-type {
    border-right: 2px solid #f9f9f9;
}
.basic-table-e tbody tr td {
    border-bottom: 2px solid #f9f9f9;
}
/*const dataTrStyle = {*/
/*    backgroundColor: '#fff',*/
/*}*/

/*const dataTdStyle = {*/
/*    padding: '8px',*/
/*    color: '#333',*/
/*    fontSize: '12px',*/
/*}*/
